#lobbyTbl {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#lobbyHeaderRow {
  background-color: #2ecc71;
}

th.lobbyHdr {
  padding: 5px;
}

td.lobbyDev {
  padding: 3px;
}

th#first {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

th#last {
  border-radius: 6px 6px 0;
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
}

.lobbyDevRowOdd {
  background-color: #ecf0f1;
}

.lobbyDevRowEven {
  background-color: #bdc3c7;
}

#lobbyAction {
  text-align:center;
}

#lobbyChatMsg {
  margin-left: 10px;
  width: 50%;
}

#chatLobby {
  margin-left: 10px;
  width: 50%;
}

#packetHeaderRow {
  background-color: #2ecc71;
}

.packetRowOdd {
  background-color: #ecf0f1;
}

.packetRowEven {
  background-color: #bdc3c7;
}

#packetChatMsg {
  margin-left: 10px;
  width: 50%;
}

#packetChatLobby {
  margin-left: 10px;
  width: 50%;
}

.packetToolbar {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

table#loginTbl {
  margin-left: auto;
  margin-right: auto;
}

td#loginUser {
  vertical-align: top;
  padding-right: 20px;
  font-weight: bold;
  font-size: 24px;
}

input#loginUserTxt {
  vertical-align: middle;
  height: 25px;
}

a#AddSimBtn {
  margin-left: 50px;
}

table#packetsTbl {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -14px;
}

table#packetsTbl tbody {
  overflow: scroll;
  height: 300px;
}

.byteChange {
  background-color: #f39c12;
}
.byteChange.ng-enter {
  -webkit-transition:1s linear all;
  -moz-transition:1s linear all;
  -o-transition:1s linear all;
  transition:1s linear all;
  background: #f39c12;
}
.byteChange.ng-enter.ng-enter-active {
  background: #ecf0f1;
}

.packetSrc {
  width: 6em;
}

.packetNetwork {
  width: 10em;
}

.packetArbID {
  width: 3em;
}

.packetB1 {
  width: 3em;
}

.packetB2 {
  width: 3em;
}

.packetB3 {
  width: 3em;
}

.packetB4 {
  width: 3em;
}

.packetB5 {
  width: 3em;
}

.packetB6 {
  width: 3em;
}

.packetB7 {
  width: 3em;
}

.packetB8 {
  width: 3em;
}

#ArbTxTxt {
  width: 5em;
}

#NetworkTxTxt {
  width: 10em;
}

#BTxt {
  width: 4em;
}


.viewAnimate.ng-enter {
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
  transition:0.5s linear all;
  opacity:0;
}
.viewAnimate.ng-enter.ng-enter-active {
  opacity:1;
}

.animate.ng-hide-add {
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
  transition:0.5s linear all;
  opacity: 1;
}
.animate.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.animate.ng-hide-remove {
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
  transition:0.5s linear all;
  display:block!important;
  opacity: 0;
}
.animate,.animate.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.fade { height: 50px; }

.fade-show-setup,.fade-hide-setup {
  -webkit-transition:all linear 0.3s;
  -moz-transition:all linear 0.3s;
  -ms-transition:all linear 0.3s;
  -o-transition:all linear 0.3s;
  transition:all linear 0.3s;
}

.fade-show-setup{
      opacity:0;
      height: 0;
}
.fade-hide-setup{
      opacity:1;
      height: 0;
}
.fade-show-setup.fade-show-start {
      opacity: 1;
      height: 50px;
}
.fade-hide-setup.fade-hide-start{
        opacity:0;
        height: 50px;
}
